Warning: mkdir(): No space left on device in /var/www/tg-me/post.php on line 37

Warning: file_put_contents(aCache/aDaily/post/vuefaq/--): Failed to open stream: No such file or directory in /var/www/tg-me/post.php on line 50
Vue-FAQ | Telegram Webview: vuefaq/1369 -
Telegram Group & Telegram Channel
Telegram Group » Netherlands » Vue-FAQ » Telegram Webview » Post 1369
Vue-FAQ
Если нужно добавить на страницу поле для редактирования текста, можно использовать атрибут contenteditable, как более приятную замену textarea (для полей больших форм это не очень хорошая замена).

Чтобы ограничить ввод только текстом, можно использовать значение plaintext-only у атрибута contenteditable. Это предотвратит вставку HTML-разметки, картинок или стилей.

<div 
  contenteditable="plaintext-only" 
  data-placeholder="Начните печатать..."
></div>

Дополнительно можно ловить события input и paste, чтобы очищать текст от случайного форматирования. Например, при вставке можно заменить HTML-содержимое на обычный текст через e.clipboardData.getData('text/plain').

Подробнее о тонкостях работы с contenteditable в статье на web.dev

#html
web.dev
The contenteditable "plaintext-only" attribute value combination is now Baseline Newly available  |  Blog  |  web.dev
The contenteditable "plaintext-only" attribute value combination is now Baseline Newly available. Making an element contenteditable but plaintext-only has advantages over using a textarea in some cases highlighted in this post.
www.tg-me.com/nl/Vue FAQ/com.vuefaq/1369
652 views



tg-me.com/vuefaq/1369
Create:
Last Update:

Если нужно добавить на страницу поле для редактирования текста, можно использовать атрибут contenteditable, как более приятную замену textarea (для полей больших форм это не очень хорошая замена).

Чтобы ограничить ввод только текстом, можно использовать значение plaintext-only у атрибута contenteditable. Это предотвратит вставку HTML-разметки, картинок или стилей.

<div 
  contenteditable="plaintext-only" 
  data-placeholder="Начните печатать..."
></div>

Дополнительно можно ловить события input и paste, чтобы очищать текст от случайного форматирования. Например, при вставке можно заменить HTML-содержимое на обычный текст через e.clipboardData.getData('text/plain').

Подробнее о тонкостях работы с contenteditable в статье на web.dev

#html

BY Vue-FAQ




Share with your friend now:
tg-me.com/vuefaq/1369

View MORE
Open in Telegram


Vue FAQ Telegram | DID YOU KNOW?

Date: |

Mr. Durov launched Telegram in late 2013 with his brother, Nikolai, just months before he was pushed out of VK, the Russian social-media platform he founded. Mr. Durov pitched his new app—funded with the proceeds from the VK sale—less as a business than as a way for people to send messages while avoiding government surveillance and censorship.

What is Secret Chats of Telegram

Secret Chats are one of the service’s additional security features; it allows messages to be sent with client-to-client encryption. This setup means that, unlike regular messages, these secret messages can only be accessed from the device’s that initiated and accepted the chat. Additionally, Telegram notes that secret chats leave no trace on the company’s services and offer a self-destruct timer.

Vue FAQ from nl



Warning: filemtime(): stat failed for aCache/aDaily/post/vuefaq/-- in /var/www/tg-me/post.php on line 333

Warning: filemtime(): stat failed for aCache/aDaily/post/vuefaq/-- in /var/www/tg-me/post.php on line 334

Если нужно добавить на страницу поле для редактирования текста

 Vue-FAQ TG
Webview: 1369
Vue-FAQ.Telegram Webview
Vue-FAQ Telegram TG Channel
Telegram Updated:
Telegram Vue-FAQ
FROM USA